<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>短信发送</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link href="css/doubleDate.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" href="css/pagination.css">
    <link rel="stylesheet" href="css/sms.css">
    <!--[if lt IE 9]>
    <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
    <script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div class="container-fluid sms">
    <div class="container-fluid">
        <p>短信发送</p>
        <!--短信发送-->
        <div class="container">
            <div class="note_send">
                <ul class="iptgroup group">
                    <li>
                        <a>手机号码:</a>
                        <textarea name="" id="" cols="35" rows="3"></textarea>
                        <span class="Required program">*必填
                                <i class="glyphicon glyphicon-question-sign program_col"></i>
                                <div class="prompt1">
                                    <i class="glyphicon glyphicon-chevron-left prompt_i1"></i>
                                    <div class="prompt_div1">
                                        <p>1.可以手动输入手机号码，也可以通过导入excel来输入手机号码。</p>
                                        <p>2.手动输入的手机号码之间必须用英文逗号间隔，格式示例：13548659856,18165694963。</p>
                                    </div>
                                    <!--<div class="prompt_div2" >-->
                                        <!--<p>1.系统对输入的电话号码进行去重校验，同一条短信中同一个电话号码只发送一次。</p>-->
                                        <!--<p>2.短信模板的新增、修改、删除等操作权限只配置给客服主管。</p>-->
                                    <!--</div>-->
                                </div>
                        </span>
                        <div class="u-file-c u-file-btn">
                            <input type="file"name="attach"/>导入excel
                        </div>
                    </li>
                </ul>
                <ul class="iptgroup group">
                    <li>短信内容：</li>
                    <li class="dropdown"><input type="text" readonly class="ipticon" value="" style="width: 160px;"/>
                        <ul class="dropdown_ul" style="width: 160px;">
                            <li>模板1</li>
                            <li>模板2</li>
                            <li>模板3</li>
                            <li>模板4</li>
                        </ul>
                    </li>
                    <li>
                        <textarea name=""  cols="35" rows="3"></textarea>
                        <span class="Required">*必填</span>
                        <br>
                        <button class="Send_SMS_btn new_template_a">短信模板设置</button>
                    </li>
                </ul>
                <ul class="iptgroup group">
                    <li>短信类型：</li>
                    <li class="dropdown"><input type="text" readonly class="ipticon" value="" style="width: 180px;"/>
                        <ul class="dropdown_ul" style="width: 180px;">
                            <li style="width: 180px;">活动推送</li>
                            <li style="width: 180px;">购车优惠</li>
                            <li style="width: 180px;">保险优惠</li>
                            <li style="width: 180px;">保险到期提醒</li>
                        </ul>
                        <span class="Required">*必填</span>
                    </li>
                    <li class="beizhu_content">
                        <a>备注内容:</a>
                        <textarea name=""  cols="35" rows="3"></textarea>
                        <button class="send">发送</button>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<script src="js/jquery-2.1.4.js"></script>
<script src="js/doubleDate2.0.js"></script>
<script src="js/jquery.pagination.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>
    $(function(){
        $('.doubledate').kuiDate({//日历
            className:'doubledate',
            isDisabled: "0"
        });
        $(".new_template_a").click(function(){//短信模板设置
            parent.testFune();
        })
    });
    (function(){//下拉菜单
        var down =  $(".dropdown");
        for(var i=0;i<down.length;i++){
            $(down[i]).click(function(){
                $(this).find(".dropdown_ul").toggle();
            })
            var down_li = $(down[i]).find(".dropdown_ul").children("li");
            for(var c=0;c<down_li.length;c++){
                $(down_li[c]).click(function(){
                    $(this).parent().parent().children("input").val(this.innerText);
                })
            }
        }
    })();
    $(document).ready(function(){
        $(".message_query table tbody tr td:nth-child(7):contains('发送成功')").css("color","#5ce61f");
        $(".message_query table tbody tr td:nth-child(7):contains('发送失败')").css("color","#df3d3e");
        $(".message_query table tbody tr td:nth-child(7):contains('部分成功')").css("color","#3588e3");
    })
    ///////////////设置分页数////////////////////////
    $("#Pagination").pagination("4");//设置分页的页数

</script>

</body>
</html>